@CHARSET "UTF-8";
/* 自定义动画 */
.animate {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.wraper{width:86.583333%;max-width: 1990px;margin: 0 auto;position: relative;}
@media only screen and (max-width:1550px){
   .wraper{width:89.583333%}

}

/*<<<<<<<<<<<<<<<<<<<<<< 公共 >>>>>>>>>>>>>>>>>>>>>>>*/
@font-face{font-family:'din';src:url(../font/DINCond-Regular.eot);src:url(../font/DINCond-Regular.eot) format('embedded-opentype'),url(../font/DINCond-Regular.woff2) format('woff2'),url(../font/DINCond-Regular.woff) format('woff'),url(../font/DINCond-Regular.bin) format('truetype'),url(../font/DINCond-Regular.svg) format('svg')}
@font-face {
    font-family: "Rany-Regular";
    src: url(../font/Rany.ttf);
}

@font-face {
    font-family: "Rany-Bold";
    src: url(../font/Rany-Bold.ttf);
}

@font-face {
    font-family: "Rany-Italic";
    src: url(../font/Rany-Italic.ttf);
}

@font-face {
    font-family: "Rany-Light";
    src: url(../font/Rany-Light.ttf);
}
@font-face {
    font-family: "Rany-Medium";
    src: url(../font/Rany-Medium.ttf);
}

html,body{font-family:'Msyh(Microsoft YaHei)';}
body{position: relative; overflow-x: hidden;}
img{max-width:100%;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;}
/* .body-bg{position: fixed; left: 0; top: 0; z-index: -999; width: 100%; height: 100%;} */
input, select, textarea, button {vertical-align: middle;resize: none;-webkit-appearance: none !important;outline: none;border: none;background: transparent; }

.viewer-title{display: none;}
.tips1230{font-size: 0.16rem; text-align: center; margin-bottom: 0.4rem; padding: 0.1rem 0.2rem; background: #2136cf; color: #FFF; border-radius: 100px;}
@media only screen and (min-width:1024px){
	.div_m,.div-m,.m-head{display: none;}
}
@media only screen and (max-width:1024px){

	.div_pc,.div-pc,.pc-head{display: none;}
	html,body{/*max-width:750px;*/ margin: 0 auto;}
	.wrap{width: 100%;}
	.tips1230{display: none;}

}


/* 回到头部 */
.backtop{position: fixed; right:0px; cursor: pointer; display: none; transition: all 0.5s;bottom: 0; z-index: 999999; width:80px; height:70px;display: flex; align-items: center; justify-content: center; color: #FFF; background: #2136cf;}
.backtop em{display: inline-block;animation: backtop 2s linear infinite;}
@media only screen and (max-width:1024px){
	.backtop{width: .8rem; height: .8rem; border-radius: 50%; right: 0.3rem; bottom: 1rem;transform: skew(0);-webkit-transform: skew(0);-moz-transform: skew(0);-o-transform: skew(0);-ms-transform: skew(0);} 	
	.backtop em{font-size: .24rem; text-transform: uppercase;transform: skew(0);-webkit-transform: skew(0);-moz-transform: skew(0);-o-transform: skew(0);-ms-transform: skew(0);} 	
	
}
@media only screen and (min-width:1024px) and (max-width:1440px){	
	.backtop{right: -0.1rem; width: 0.9rem; height: 0.8rem;}
	.backtop em{background-size: 0.14rem; padding-top: 0.16rem;}
	
}
/*<<<<<<<<<<<<<<<<<<<<<< 头部+底部 >>>>>>>>>>>>>>>>>>>>>>>*/
.head{position: fixed; top: 0; width: 100%; z-index: 9; transition: all 0.3s;}
.pc-head{position:relative;}
.pc-head .logo{float: left; height: 0.5rem; margin: 0.2rem 0 0.2rem 0;max-height:42px;}
.pc-head .wraper{position:static}
.pc-head .logo img{ width: auto;height:100%;}
.pc-head.small,.pc-head:hover{backgrounD:#Fff;box-shadow: 1px 1px 20px #cccccc42;}
.pc-head .head2{}
.pc-head .head2::after{content: ""; display: block; clear: both;}
.pc-head .head2 nav .li{display: inline-block;}
.pc-head .head2 nav .head2-search{display: inline-block;}
.pc-head .head2 nav .head2-search .search{cursor: pointer;padding: 1px 10px; background: url(../images/search.svg) no-repeat center; background-size: 0.2rem; transition: all 0.5s;}
.m-head2-search .search{padding: 1px 10px;background: url(../images/search-blue.svg) no-repeat center;background-size: 0.2rem; transition: all 0.5s;}
.pc-head .head2 nav{display: inline-block; text-align: center; margin: 0 auto;}
.pc-head .head2 nav::after{content: ""; display: block; clear: both;}
.pc-head .head2 nav .li .column{display: block; line-height: 0.95rem; font-size: 0.20rem; color: #fff; padding-right: 0.2rem; margin:0 0.2rem; transition: all 0.3s;}
.pc-head.small .head2 nav .head2-search .search,.pc-head:hover .head2 nav .head2-search .search{background: url(../images/search-blue.svg) no-repeat center;}
.pc-head.small .head2 .logo_ys,.pc-head:hover .head2 .logo_ys{display:block;}
.pc-head.small .head2 .logo_white,.logo_ys,.pc-head:hover .head2 .logo_white{display:none;}

.pc-head.small .head2 .li .column,.pc-head:hover .head2 .li .column{color:#000;}

.pc-head .head2 nav .li .column.downs{position: relative;}
.pc-head .head2 nav .li .column.downs::after{content: ""; transition: all 0.3s; display: block; width: 0.1rem; height: 100%; position: absolute; right: 0; top: 0; z-index: 1; }

.pc-head .head2 nav .li:hover .column{color: #408DE5;}
.pc-head .head2 nav .li .li-info{width: 100%; background: rgba(255,255,255,0.98); position: absolute; top: 100%; left: 0; backdrop-filter: blur(5px);}
.pc-head .head2 nav .li .li-info .li-box{position: relative;  justify-content: center;  display: flex; padding: 0.3rem 0; color: #FFF;}
.pc-head .head2 nav .li .li-info .li-box .uls::after{content: ""; display: block; clear: both;}
.pc-head .head2 nav .li .li-info .li-box .uls .ul{float: left; margin-right: 0.4rem;}
.pc-head .head2 nav .li .li-info .li-box .uls .ul .li{display: block; color: #333; text-align: left; line-height: 200%; transition: all 0.3s; font-size: 0.18rem; padding-right: 0.15rem; }
.pc-head .head2 nav .li .li-info .li-box .uls .ul .li.li-top{margin-bottom: 0.2rem; font-size: 0.16rem;color: #222;}
.pc-head .head2 nav .li .li-info .li-box .uls .ul .li:nth-child(n+2){margin-bottom: 0.1rem;}
.pc-head .head2 nav .li .li-info .li-box .uls .ul .li:hover{color: #2136cf;}
.pc-head .head2 nav .li .li-info .li-box .info-r{margin-left: 0.8rem;}
.pc-head .head2 nav .li .li-info .li-box .info-r .rli{display: block; cursor: pointer; width: 2.5rem; min-width: 200px; min-height: 80px; height: 1.5rem; position: relative; border-radius: 0.08rem; overflow: hidden;}
.pc-head .head2 nav .li .li-info .li-box .info-r .rli img{width: 100%; height: 100%; object-fit: cover; transition: all 0.6s;}
.pc-head .head2 nav .li .li-info .li-box .info-r .rli span{display: block; width: 100%; position: absolute; z-index: 1; top: 30%; left: 0;  font-size: 0.14rem; padding-top: 0.40rem;}

.pc-head .head2 nav .li .li-info .li-box .info-r .rli:nth-child(n+2){margin-top: 0.2rem;}
.pc-head .head2 nav .li .li-info .li-box .info-r .rli:hover img{transform: scale(1.05);}
.pc-head .head2 nav .li .li-info{display: none;}
/* .pc-head .head2 nav .li.li3 .li-info{display: block;} */
.pc-head .head2 nav .li.li .li-info .li-box .uls .ul{border: none; padding: 0;}
.pc-head .head2 nav .li.li .li-info .li-box .uls .ul.ul-warp .li{width: 42%;}
.pc-head .head2 nav .li.li .li-info .li-box .uls .ul.ul-warp{display: flex; width:5rem; justify-content: space-between; flex-wrap: wrap;}
.pc-head .head2 nav .li.li .li-info .li-box .info-r .rli:nth-child(n+2){margin-left: 0.45rem; margin-top: 0;}



.pc-head .head2 .logo{z-index: 1;}
.pc-head .head2 .head2r::after{content: ""; display: block; clear: both;}
.pc-head .head2 .head2r{text-align: right;}

.sear{display: none; position: absolute; left: 0; top: 100%; z-index: 9999; width: 100vw; height: 100vh; background: rgba(0, 0, 0, .7);}
.sear .sear-content{width: 100%; background:#2136cf;}
.sear .sear-content .txt{width: 50%; padding: 0.2rem 0; position: relative; z-index: 1; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
.sear .sear-content .txt .ul{position: absolute; width: 100%; left: 0; top: 100%; z-index: 2; padding: 0.3rem 0.2rem; background: #F5F5F5;}
.sear .sear-content .txt .ul .ul-h{font-size: 0.16rem; line-height: 200%; color: #666;}
.sear .sear-content .txt .ul a.li{display: block; font-size: 0.18rem; margin-top: 0.1rem; color: #333; line-height: 200%; transition: all 0.3s; width: 100%;}
.sear .sear-content .txt .ul a.li:hover{color: #2136cf; background: #FFF;}
.sear.sear-ing .sear-content .txt .ul a.li1{animation-delay: 0.1s;}
.sear.sear-ing .sear-content .txt .ul a.li2{animation-delay: 0.2s;}
.sear.sear-ing .sear-content .txt .ul a.li3{animation-delay: 0.3s;}
.sear.sear-ing .sear-content .txt .ul a.li4{animation-delay: 0.4s;}
.sear.sear-ing .sear-content .txt .ul a.li5{animation-delay: 0.5s;}
.sear.sear-ing .sear-content .txt .ul a.li6{animation-delay: 0.6s;}
.sear.sear-ing .sear-content .txt .ul a.li7{animation-delay: 0.7s;}
.sear.sear-ing .sear-content .txt .ul a.li8{animation-delay: 0.8s;}
.sear .sear-content .txt .forms{ flex:1;*padding:0 0.5rem 0 0.3rem; *background: url(../images/icon2.png) no-repeat left center; background-size: 0.22rem;}
.sear .sear-content .txt .forms .inp{border: none; position: relative; border-bottom: transparent solid 1px; outline: none; background: transparent; color: rgb(255 255 255 / 53%); padding: 0 0.1rem; margin: 0 0.2rem 0 0;  width: 93%;line-height: 200%; font-size: 0.20rem; transition: all 0.3s;}
.sear .sear-content .txt .forms input[type="submit"]{width:50px;height:42px;background-color: transparent;background-repeat: no-repeat;background-position: center;background-image: url(../images/icon2.png);cursor: pointer;}

.sear .sear-content .txt .forms ::-webkit-input-placeholder { /* WebKit browsers */
    color: rgb(255 255 255 / 53%);
}
.sear .sear-content .txt .forms :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: rgb(255 255 255 / 53%);
}
.sear .sear-content .txt .forms ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: rgb(255 255 255 / 53%);
}
.sear .sear-content .txt .forms :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: rgb(255 255 255 / 53%);
}
.sear .sear-content .txt .forms .inp:focus{border-bottom: #2136cf solid 1px;}
.sear .sear-content .txt .icon{width: 0.2rem; cursor: pointer; height: 0.2rem; background: url(../images/guanbia.png) no-repeat center; background-size: contain;}
@media only screen and (max-width:1920px){
.pc-head .head2 nav .li .column{font-size:0.22rem;}
}
@media only screen and (max-width:1024px){
	.head{/*max-width: 750px;*/ margin: 0 auto;}
	.m-head{width: 100%;}
	.m-head .mhead{padding: 0.3rem .3rem; background: #FFF;}
	.m-head .mhead .logo img{height:30px;}
	.m-head .mhead-content{display: none; height: calc(100vh - 0.91rem); overflow: hidden; overflow-y: auto; background: rgba(0,78,162,0.8); backdrop-filter: blur(10px);}
	.m-head .mhead-content::-webkit-scrollbar{display: none;}
	.m-head .mhead-content{-ms-overflow-style: none;}
	.m-head .mhead-content{overflow: -moz-scrollbars-none;}
	.m-head .mhead-content .nav{padding: 0.5rem 0;}
	.m-head .mhead-content .nav li .nav_two{display: none; padding: 0.2rem 0.5rem;}
	.m-head .mhead-content .nav li .nav_two a{display: block; font-size: 0.30rem; line-height: 180%; margin: 0.2rem auto; color: #E2F5FF; transition: all 0.3s;}
	.m-head .mhead-content .nav li .nav_two a.menu3a{color: #2136cf;}
	.m-head .mhead-content .nav li .menu2a{padding: 0.2rem 0.3rem; border-bottom:#c7ced240 solid 1px; position: relative;}
	.m-head .mhead-content .nav li .menu2a::after{content: ""; display: block; width: 0.2rem; height: 0.2rem; background: url(../images/right-white.svg) no-repeat center; background-size: contain; position: absolute; right: 0.3rem; top: 50%; z-index: 1; top: 0; bottom: 0; margin: auto 0; transition: all 0.3s;}
	.m-head .mhead-content .nav li .menu2a.menua::after{display: none;}
	.m-head .mhead-content .nav li .menu2a a{color: #FFF; font-size: 0.30rem; line-height: 150%; transition: all 0.3s;}
	.m-head .mhead-content .nav li .menu2a.menua a{display: block;}
	.m-head .mhead-content .nav li.nav-ing .menu2a a{color: #2136cf;}
	.m-head .mhead-content .nav li.nav-ing .menu2a::after{}
	.m-head .mhead-content .nav li.lis-on .menu2a::after{transform: rotate(90deg);}
	.navBox{cursor: pointer;display:flex;}
	.navBox .menu{display: block; width: 0.5rem; height: 0.35rem; position: relative; z-index: 99; transition-duration: 0.3s;}
	.burger_lin .icon{height: .05rem; width: 100%; top: calc(50% - 0.03rem);background-color: #2136cf;border-radius: 20px;position: absolute;transition-duration: 0.3s;transition-delay: 0.5s;}
	.burger_lin .icon:before {content: ""; width: 0.5rem; height: 100%; position: absolute; left: 0; top: -0.145rem; background-color: #2136cf; border-radius: 50px; transition: transform 0.3s, top 0.3s 0.3s;transition-delay: 0.5s;}
	.burger_lin .icon:after {content: ""; width: 0.5rem; height: 100%; position: absolute; left: 0; top: 0.145rem; background-color: #2136cf; border-radius: 50px; transition: transform 0.3s, top 0.3s 0.3s;transition-delay: 0.5s;}
	.burger_lin.open .icon {transition-duration: 0.1s;transition-delay: 0.3s;background: transparent;width: 0;}
	.burger_lin.open .icon:before {transition: top 0.3s, transform 0.3s 0.3s;top: 0;transform: rotateZ(-45deg);}
	.burger_lin.open .icon:after {transition: top 0.3s, transform 0.3s 0.3s;top: 0;transform: rotateZ(45deg);}
	}

.banner-swiper{width: 100vw; height:100vh;}
.banner-swiper .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.banner-swiper .swiper-slide img{transition: 1s linear 2s;transform: scale(1.1,1.1);}
.banner-swiper .swiper-slide-active img,.banner-swiper .swiper-slide-duplicate-active img{transition: 11s linear;transform: scale(1,1);}
.banner-swiper .swiper-slide::before{ display: block; width: 100%; height: 100%; background: rgba(82,140,208,.4); position: absolute; left: 0; top: 0; z-index: 1;}
.banner-swiper .banner_btn{position: absolute; left: 0; bottom:30px;width: 100%;}
.banner-swiper .swiper-pagination{position:relative;}
.banner-swiper .swiper-pagination-fraction,.banner-swiper .swiper-pagination-custom,.banner-swiper .swiper-horizontal > .swiper-pagination-bullets,.banner-swiper .swiper-pagination-bullets.swiper-pagination-horizontal{width:auto;}
.banner-swiper .swiper-pagination-bullet{background: #FFF; width: 0.7rem; height: 0.07rem;position:relative;}
.banner-swiper .swiper-pagination-bullet-active{}
.banner-swiper .swiper-pagination-bullet{border-radius:0;}
.banner-swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,.banner-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 12px;}
.banner-swiper.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 0.15rem;}
.banner-swiper .swiper-button-next, .banner-swiper.swiper-container-rtl .swiper-button-prev{background: url(../images/h-next.svg) no-repeat center; background-size: contain;opacity: 1;}
.banner-swiper .swiper-button-prev, .banner-swiper.swiper-container-rtl .swiper-button-next{background: url(../images/left.svg) no-repeat center; background-size: contain;opacity: 1;}
.banner-swiper .swiper-button-prev, .banner-swiper .swiper-button-next{opacity: 1; width: 0.7rem; height: 0.7rem; transition: all 0.3s;bottom: 10px;top: auto;}
.banner-swiper .swiper-button-prev::after, .banner-swiper .swiper-button-next::after{display: none;}
.banner-swiper .swiper-button-next, .banner-swiper.swiper-container-rtl .swiper-button-prev{left:1rem;}
.banner-swiper .swiper-button-prev, .banner-swiper.swiper-container-rtl .swiper-button-next{left:0;}
@media only screen and (min-width:1024px) and (max-width:1366px){
	.banner-swiper .swiper-button-next, .banner-swiper.swiper-container-rtl .swiper-button-prev{right: 1.25rem;}
	.banner-swiper .swiper-button-prev, .banner-swiper.swiper-container-rtl .swiper-button-next{left: 1.2rem;}
}
.banner-swiper .txt{position: absolute; left: 0; top: 50%; z-index: 1; display: flex; justify-content: space-between; transform: translateY(-50%); color: #FFF; width: 100%;}
.banner-swiper .txt .txtl .lp1{ letter-spacing: 0.1em;font-size: 0.3rem;margin-top:.4rem;}
.banner-swiper .txt .txtl h2{position:relative;font-size: 0.8rem; font-weight:bold;line-height: 140%;}
.banner-swiper .txt .txtl .more1213{display: inline-block;margin-top: 0.8rem;font-size: 0.16rem;line-height: 0.44rem;color: #FFF;padding: 0 0.55rem;background: #2136cf;transition: all 0.3s;}
.banner-swiper .txt .txtl .more1213:hover{color: #2136cf; background: #FFF;}

@media only screen and (max-width:1024px){
	.banner-swiper .scroll-down{display: none;}
	.banner-swiper{width: 100%; height:100vh;}
	.banner-swiper .txt{flex-direction: column; padding: 0 6%; top: 3rem;  transform: translateY(0);}/*bottom: 0.8rem;*/
	.banner-swiper .txt .txtl .lp1{font-size: 0.32rem;}
	.banner-swiper .txt .txtl h2{font-size: 0.48rem; line-height: auto;}
	.banner-swiper .txt .txtl .more1213{margin-top: 0.3rem; font-size: 0.28rem; line-height: 200%; padding: 0 0.4rem;}
	.banner-swiper .swiper-button-prev, .banner-swiper .swiper-button-next{display: none;}
	.banner-swiper .banner_btn{bottom:0;}

}
.cont_tbx{display: flex; justify-content: space-between; align-items: flex-end;}
.intit .t1{font-size: 0.5rem; color:#222222;display: inline-block;}
.intit .t2{font-size: 0.4rem;color: #c7cbd3; text-transform: uppercase;margin-top:10px;font-family:arial;}

.more1213{position:relative;display:block;font-size:0.18rem;width:190px;height:52px;text-align:center;line-height:52px;overflow: hidden;}
.more1213 span{display:block;color:#2136cf;}
/*.outer{display: flex;align-items: center;justify-content: center;width: 200px;height: 45px;background: linear-gradient(-45deg, transparent 12px, #2136cf 0) right,linear-gradient(135deg, transparent 12px, #2136cf 0) left;background-size: 50% 100%;background-repeat: no-repeat; }
.inner{width: calc(100% - 4px);height: calc(100% - 4px);background: linear-gradient(-45deg, transparent 12px, #ffffff 0) right,linear-gradient(135deg, transparent 12px, #ffffff 0) left;background-size: 50% 100%;background-repeat: no-repeat; }
.more1213:hover .inner{background: linear-gradient(-45deg, transparent 12px, #2136cf00 0) right,linear-gradient(135deg, transparent 12px, #2136cf00 0) left;background-size: 50% 100%;}*/
.more_blue .more1213{background: url(../images/more_lbg.png) no-repeat center; background-size:100%;}
.more_blue .more1213:hover span{color:#fff;}
.more_blue .more1213:hover{background: url(../images/more_lbg_on.png) no-repeat center; background-size:100%;}
.more_white .more1213{background: url(../images/more_wbg.png) no-repeat center; background-size:100%;}
.more_white .more1213:hover span{color:#2136cf;}
.more_white .more1213:hover{background: url(../images/more_wbg_on.png) no-repeat center; background-size:100%;}
.more_white .more1213 span{color:#fff;}
.phone{display:none !important;}
.pdb100{padding-bottom:100px;}
.pdt100{padding-top:100px;}

/*首页关于*/
.h-box1{background:#f6f8fa;}
.h-box1 .wraper{display:flex;justify-content: space-between;align-items: center;}
.h-box-lt{position:relative;}
.h-box-img{width:48%}
.h-box-img img{widtH:100%;}
.h-box1 .wraper .h-box-text{display: flex;flex-direction: column;justify-content: center;}
.h-box1 .wraper .h-cont{width:100%;}
.h-box1 .h-box-rt{z-index:1;width:45%;}
.h-box1 .h-cont-text{font-size:.175rem;line-height:.36rem;margin-top:.35rem;color:#666;}

.h-box1 .more{margin-top:.6rem;display:flex;}
 .h-cont{display:inline-block;}
 .h-cont::after{content:""; display:block;clear: both;}
 .h-cont .li{position:relative;float:left;padding-top:2.5vw; display: flex;align-items: center;justify-content: flex-start;width: 33.333%;}
 .h-cont .li .num .numbs{font-family: 'Rany-Bold'; font-size: 0.72rem; color: #2136cf;font-weight:900;}
 .h-cont .li .num .txt1{font-size: 0.44rem;font-family: 'Rany-Bold'; color: #2136cf;}
 .h-cont .li .num .txt2{font-size: 0.22rem;font-family: 'Rany-Bold'; color: #2136cf;font-weight:900;}
 .h-cont .li .p{font-size: 0.16rem; line-height: 0.2rem;opacity: .7;}

/*首页产品*/
.idxPro{background:url(../images/pro_bg.jpg) no-repeat center;background-size: cover; }
.idxPro .swiper-slide{background-repeat: no-repeat;background-position: center top;background-size: cover;}
.idxPro .text {padding:3.5vw 20px 0;text-align: center;}
.idxPro .text h3{font-size:.3rem;margin-bottom:.25rem;}
.idxPro .text p{font-size:.2rem;padding:0 5vw;line-height: .3rem;}
.idxPro .more{text-align:center;margin:0.7rem auto 0;font-size:.22rem;display:flex;justify-content: center;}
.idxPro .intit{text-align:center;margin-bottom:.35rem;}
.idxPro .swiper-slide{height: 43.466vw;}


/*首页服务*/
.index_box2 {}
.index_box2 .wraper{z-index:9}
.index_box2 .intit{position: absolute;top:1.5rem;left:0%;z-index:9}

.index_box2 .mySwiper3 {position: relative;overflow: hidden; }
.index_box2 .mySwiper3 .swiper-slide img{width:100%;}
.index_box2 .swiper .wraper  {position: absolute;top:3.6rem;left: 50%;transform: translate(-50%, -50%);z-index: 9;color: #fff;display: flex;flex-direction: column;align-items: flex-end;}
.index_box2 .swiper .hy-txt-box{width:56%;}
.index_box2 .swiper .hy-txt-box .txt {font-size:.2rem;line-height:.42rem;margin-top:.48rem}
.index_box2 .swiper .hy-txt-box h3{font-size:.44rem;}
.index_box2 .mySwiper3 .more{display: inline-block;margin-top:4.5vw;}
.index_box2 .mySwiper {overflow: hidden;}

.index_box2 .mySwiper .thumb-item {display:flex;align-items:center;justify-content:center;height:1rem;cursor: pointer;color:#fff;}
.index_box2 .mySwiper .thumb-item svg{width: 2vw;height:2vw}
.index_box2 .mySwiper .thumb-item img{width:2vw;height:2vw;}
.index_box2 .mySwiper .thumb-item .l-txt {margin-left:.24rem;font-size:.24rem;}
.index_box2 .mySwiper .swiper-slide.swiper-slide-thumb-active .thumb-item {opacity: 100%;background:rgb(255 255 255 / 30%);}
.index_box2 .mySwiper .swiper-slide.swiper-slide-thumb-active .thumb-item svg path{fill:#ffffff;}
.inbox2_bot{bottom:0;position:absolute;width:100%;border-top:1px solid #ffffff45}
.index_box2 .inbox2_bot .swiper-slide{border-left:1px solid #ffffff45}
.index_box2 .inbox2_bot .swiper-slide:first-child{border-left:none;}

.swiper-slide{cursor:pointer}

/*首页新闻*/
.h-box4 {background:url(../images/news_bg.jpg) no-repeat center;background-size: cover;}
.h-box4 .intit{}
.h-box4 .flex{align-items: center;justify-content: space-between;}
.h-box4 .ul{margin-top:.35rem;}
.h-box4 .ul .li{display: block;float: left; width: 31.7%; margin-right: calc((100% - 3 * 31.7%) / 2); transition: all 0.3s;}
.h-box4 .ul .li:nth-child(3n){margin-right: 0;}
.h-box4 .ul .li .img{width: 100%; height: 0; overflow: hidden; padding-bottom: 63.5%; position: relative;}
.h-box4 .ul .li .img img{position: absolute; transition: all 0.5s; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover;}
.h-box4 .ul .li .txt .txt-h{margin-top:.2rem;font-size: 0.26rem;line-height:.36rem;height: 0.8rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.h-box4 .ul .li .txt .ico svg{width:40px;height:40px;margin:.12rem 0;}
.h-box4 .ul .li .txt .txt-time{font-size: 0.20rem; line-height: 0.3rem; color: #8a9194;}
.h-box4 .ul .li:hover{color: #000;/*-webkit-box-shadow:0 3px 26px rgba(0, 0, 0, .1);-moz-box-shadow:0 3px 26px rgba(0, 0, 0, .1);box-shadow:0 3px 26px rgba(0, 0, 0, .1);*/}
.h-box4 .ul .li:hover img{transform: scale(1.05);}
.h-box4 .ul .li:hover .txt .txt-time{color:#222222;}
.h-box4 .ul .li:hover .txt .txt-h{color:#2136cf;}
.h-box4 .more{display:flex;justify-content:center;}

/*底部*/
.foot{width: 100%;*padding-top:0.88rem;background:#0f1227;position: relative;}
.foot .foot1{justify-content:space-between;padding-bottom:0.3rem;display:flex;}
.foot .foot1 .footer_top{width:25%;}
.foot .foot1 .foot-logo{height:0.8rem;margin-bototm:10px;}
.foot .foot1 .foot-logo img{height: 100%;width:auto;}
.foot .foot1 .code{display: flex;flex-direction: column;width:100px;}
.foot .foot1 .code p{font-size:14px;color:#909090;margin-top:10px;text-align: center;}
.foot .foot1 .footer-code-item {width:40px;height:40px;opacity:.6;border-radius: 50%;margin-right: 25px;position: relative;cursor: pointer;background:#2136cf; display: flex;justify-content: center;align-items: center;padding: 8px;box-sizing: border-box;transition: all 0.5s ease; }
.foot .foot1 .code .code-item-code{position: absolute;top: 50px;left: -27px;width: 100px;max-width: none;z-index: 9;display: none;}
.foot .foot1 .footer-code-item:hover {opacity: 1;}
.foot .foot1 .code .footer-code-item:hover .code-item-code {display: block;transition: all 0.5s ease;}

.foot .foot1 .footnav{width:75%;max-width: 1100px;display:flex;justify-content: space-between;}
.foot .foot1 .footnav ul{}
.foot .foot1 .footnav ul li.plat a{font-size: 0.2rem; color: #FFF; margin-bottom: 0.3rem; margin-top: 0;}
.foot .foot1 .footnav ul li a{font-size:0.18rem;display: block;color:#909090; margin-top: 0.2rem; line-height: 122.22222%; transition: all 0.3s;}
.foot .foot1 .footnav ul li a:hover{color: #fff;}
.foot .foot1 .floot_contact{color:#fff;margin-bottom:10px;margin-top:15px;font-size:.18rem;}
.foot .foot1 .floot_contact .li_item{margin-bottom:.25rem}
.foot .foot1 .floot_contact .li_item p{margin-bottom:10px;line-height:1.5;}
.foot .foot1 .floot_contact span{color:#ffffff;font-size:.30rem;font-family:din;font-weight:bold;}
.foot .foot2 .conts{ padding: 0.2rem 0; font-size: 0.16rem;text-align:center; line-height: 150%; color: rgb(255 255 255 / 30%);}
.foot .foot2 .conts a{display: inline-block; margin-left: 0.1rem; line-height: .2rem; color: rgb(255 255 255 / 20%); transition: all 0.3s;}
.foot .foot2 .conts a img{display: inline-block;vertical-align: text-bottom; margin-right: 0.05rem;}
.foot .foot2 .conts a:hover{color: #FFF;}

@media only screen and (min-width:1024px) and (max-width:1366px){
	.foot .foot1{width: 85%;}
	.foot .foot2 .conts{width: 91%;}
}
/*分页*/
.fy{ clear:both; margin:0 auto; margin-top:35px; font-size:14px; text-align: center;}
.fy b{ display:inline-block; width:24px; height:24px; background:#1B4FBC; line-height:24px; margin:0 4px; color:#fff; font-weight:100; text-align:center; }
.fy a{ display:inline-block; padding:0 8px;height:24px; text-align:center; line-height:24px;margin:0 4px; font-size:14px; background: #E8E8E8; }
.djdt_box .fy b{ background:#1B4FBC; }
.fy a:hover { background:#1B4FBC; color: #fff;}
.iCon { clear: both; width: 100%;}
@media only screen and (max-width:1560px){
   .h-cont .li .num .numbs{font-size: 0.56rem;}
   .more1213{width: 160px;height: 46px;line-height:46px;}

}
@media only screen and (min-width:1024px){
    .index_box2 .intit .t1{color:#fff;}
    .index_box2 .intit .t2{color:#fff;}
}
@media (max-width: 1200px) {
	.h-cont .li .num .numbs{font-size: 0.52rem;}
	
	.pdt100 {padding-top:50px;}
    .pdb100 {padding-bottom: 50px;}
	.index_box2{padding-top:40px;}

}
@media only screen and (max-width:1024px){
    .intit .t1{font-size:0.42rem;padding-top:10px;}	
    .intit .t2{margin-top:0;}
    .wraper{width:94%;}
    .phone{display:block  !important;}
    .pc{display:none !important;}	
	.f16{font-size:.20rem;}
    .more1213{font-size:14px;justify-content: center;margin:30px auto 0;width: 140px;}
	
	.h-box1 .wraper{flex-direction: column;}
	.h-box-img{width:100%;}
	.h-box1{padding: .75rem 0;}
	.h-box1 .h-box-rt{width:100%;}
	.h-box1 .wraper .h-box-text{width:100%;position:static;margin-top:20px;}
	.h-box1 .h-cont .li{ padding-top:0; }
	.h-box1 .h-cont .li .num .txt1{font-size: 0.24rem;}
	.h-box1 .h-cont .li .p{line-height: 130%;}
	.h-box1 .wraper .h-cont{margin-top:.3rem}
	.h-box1 .more{margin-top:0}
    .h-box1 .h-cont-text,.h-cont .li .p{line-height:.42rem;font-size:.24rem;}

	.index_box2 .swiper .hy-txt-box .txt{width:100%;font-size:.24rem;margin-top:0.28rem;line-height:.36rem;}
	.index_box2 .swiper .wraper {position: static;color: #222;transform: translate(0%, 0%);padding-top:3vw;display:block}
	.index_box2 .swiper .hy-txt-box{width:100%;}
	.index_box2 .mySwiper{display:none;}
	.index_box2 .mySwiper3 .more{margin-top:0;}
	.index_box2 .more1213{background: url(../images/more_lbg.png) no-repeat center;background-size: 100%;}
	.index_box2 .more1213:hover {background: url(../images/more_lbg_on.png) no-repeat center;background-size: 100%;}
	.index_box2 .more_white .more1213 span {color: #2136cf;}
	.index_box2 .more_white .more1213:hover span {color: #fff;}
	.index_box2 .swiper .hy-txt-box h3{font-size: .36rem;}	
	.index_box2 .intit{position:static;margin-bottom:30px;}
	.idx_more img{width:30px;}
	.idxPro .swiper-slide {height: 73.466vw;}
	.idxPro .text{padding: 5vw 15px 0;}
	.idxPro .text p{padding:0;}
	.idxPro .more{margin-top:3vw;}
	.h-box4 .more1213,.h-box4 .more{margin-top:0}	
	.h-box4 .ul .li{width:100%;float:none;margin-right:0;margin-bottom:.3rem;}
    .h-box4 .ul .li .txt .txt-time{font-size:.24rem;}
	.h-box4 .ul .li .txt .txt-h{font-size:.30rem;height:auto;}

	.foot{padding:20px 0 ;}
	.foot .foot1 .footnav{display:none;}
	.foot .foot1{ padding-bottom: .6rem;}
	.foot .foot1 .foot-logo,.foot .foot1 .code.floatr{float: none; }
	.foot .foot1 .code{margin-top:.3rem}
	.foot .foot1 .foot-logo img{margin: 0 auto; display: inline-block;}
	.foot .foot2 .conts{padding: 0; font-size: .24rem;}
	.foot .foot1 .code .code-item-code{left:0;width: 80px;}
	.foot .foot1 .footer_top{width:100%;}
	
}
@media (max-width: 780px) {
	.bth{margin-top: 0.4rem;}
    .bth svg{width:25px;height:30px;}
	.h-box4 .ul .li .txt .ico svg{display:none;}
	.h-box4 .ul .li .img{margin-top:10px;}
	.m-head .mhead .logo img{height:24px;}
	

}



.ny_top{margin-bottom:.65rem;}
.ny_top h2{font-size:.42rem;}
.ny_top h3{margin-top:.18rem;font-size:.32rem;color:#999999;}